<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>日志查询_调度日志_添加调度</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/icon.css" />
		<script src="js/jquery-1.8.2.min.js"/></script> 
		<!--<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.css" />-->
		<!--<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css" />-->
		<!--<script src="js/bootstapPage/bootstrap.min.js"></script>-->
		<!--<script src="js/bootstapPage/bootstrap.js"></script>-->
		<style>
			body { background: #Fff; }			
			.overlay,
			.overlay select,
			.overlay .form-dropdown { width: 110px; }			
			.form>form>div label { width: 95px; text-align: right; display: inline-block; }
			.form>form>div label.error { width: auto; }
			.form>form>div input {height:30px; width:400px;}
		</style>
	</head>

	<body>
		<div class="form" style="padding:30px;">
			<input type="hidden" value="" class="productId" />
			<form class="block-form" id="commentForm">
				<div style="margin-top:0px;">
					<label><span class="red">*</span>调度名称：</label>
					<input type="text" class="schedule_name" placeholder="请输入调度名称" name="schedule_name" />
				</div>
				
				<div style="margin-top:25px;">
					<label><span class="red">*</span>调度组：</label>
					<input type="text" class="schedule_group" placeholder="请输入调度组" name="schedule_group" />
				</div>
					
				<div class="select-city" style="margin-top:20px;">
					<label><span class="red">*</span>状态：</label>
					<div class="overlay">
						<!--这个是用来存放选中的select的值的-->
						<input type="hidden" value="" class="form-select-value" id="provname"  />
						<div class="dropdown">
							<button class="dropdown-toggle form-dropdown" type="button">
				                                <span class="value text-ellipsis pro_provincevalue">请选择</span>
				                                <span class="caret"></span>
				            </button>
				            <ul class="select select_prov none"></ul>
				            <select class="prov hidden none "  style="margin-top:20px;"></select>
						</div>
						
					</div>
					<div class="overlay" style="margin-left:18px;">
						<!--这个是用来存放选中的select的值的-->
						<input type="hidden" value="" class="form-select-value"  id="cityname"   />
						<div class="dropdown">
							<button class="dropdown-toggle form-dropdown" type="button">
				                                <span class="value text-ellipsis pro_cityvalue">请选择</span>
				                                <span class="caret"></span>
				                           </button>
				           
							<ul class="select  select_city none" ></ul>
							<select class="city hidden none " style="margin-top:20px;" ></select>
						</div>
					</div>
				    <input type="text" class="proarea"  name="proarea" id="proarea"  style="visibility: hidden; width:0px;"/>
				</div>
				
				<div style="margin-top:25px;">
					<label><span class="red">*</span>时间表达式：</label>
					<input type="text" class="time_expression" placeholder="请输入时间表达式" name="time_expression" />
				</div>
				
				<div style="margin-top:25px;">
					<label><span class="red hidden">*</span>业务URL：</label>
					<input type="text" class="" placeholder="请输入业务URL" name="" />
				</div>
				
				<div style="margin-top:25px;">
					<label><span class="red hidden">*</span>调度IP：</label>
					<input type="text" class="" placeholder="请输入调度IP" name="" />
				</div>
				<div style="margin-top:25px;">
					<label><span class="red hidden">*</span>超时分钟：</label>
					<input type="text" class="" placeholder="请输入超时分钟" name="" />
				</div>
				<div style="margin-top:25px;">
					<label><span class="red hidden">*</span>任务描述：</label>
					<input type="text" class="" placeholder="请输入任务描述" name="" />
				</div>


				<div style="margin-top:40px;margin-left:165px;">
					<input type="submit" value="保存" class="search-input-button bgblue" id="subButton" />
					<input type="button" value="返回" class="search-input-button " id="backButton" style="margin-left: 50px;" />
				</div>
			</form>
		</div>

		<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="js/wdatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="js/jquery.cxselect.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/scroll/jquery.slimscroll.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/messages_zh.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$.validator.setDefaults({
			submitHandler: function() {
				//这里放验证成功之后要执行的函数
				
			}
		});
			
			$.validator.addMethod("isareaEmpty", function(value, element) {
			if($('#provname').val() && $('#cityname').val()){
				return true;
			}else{return false;}
		}, "<i class=\" icon icon_error_red \" style=\"margin-left:3px\"></i>请选择状态");
		
		   
		
	$(document).ready(function() {
			$("#commentForm").validate({
				rules: {
					schedule_name: {
						required: true,
					},
					schedule_group: {
						required: true,
					},
					time_expression: {
						required: true,
					},
								
//					修改

					proarea: {
						isareaEmpty: true,
					},
					

				},
				messages: {
					schedule_name: {
						required: "<i class=\" icon icon_error_red \"></i>请输入调度名称",
					},
					
					schedule_group: {
						required: "<i class=\" icon icon_error_red \"></i>请输入调度组",
					},
					time_expression
: {
						required: "<i class=\" icon icon_error_red \"></i>请输入时间表达式",
					},
					
					
				},
				
				errorPlacement: function(error, element) {
					error.appendTo('<i class=\" icon icon_error_red \"></i>').appendTo(element.parent());
				},
			});
		});
		
		
		$(function() {
				productObj.staticPath='js/conditionData.min.json'
				productObj.productInit();
                //productObj.getProData();
			});
//	    $('input[id=backButton]').css('height','40px');
//	    $('input[id=subButton]').css('padding-bottom','1px');
		</script>

	</body>

</html>
